@import url("http://www.scotiabank.com.pe/fonts/scotiabank.css");
@import url("960_50.css");
@import url("uniform.css");

@charset "utf-8";
/* CSS Document */

/*===============================
	reset
=================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display:block; }
html, body { height:100%; }
body { line-height:1.3; }
img { color:transparent; font-size:0; vertical-align:middle; -ms-interpolation-mode:bicubic; }
ol, ul { list-style:none outside; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }

/*===============================
	frame
=================================*/

.f-right { float:right; }
.f-left { float:left; }
.zindex { position:relative; z-index: 1; }
.center { text-align:center; }
.hidden { display:none; }
.transition { -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }

.spacer-10, .spacer-20, .spacer-40, .spacer-60, .spacer-80, .spacer-100 {
	display: block;
	clear: both;
}
.spacer-10 { height:10px; }
.spacer-20 { height:20px; }
.spacer-40 { height:40px; }
.spacer-60 { height:60px; }
.spacer-80 { height:80px; }
.spacer-100 { height:100px; }

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.clearfix:before,
.clearfix:after {
  content:'.';
  display:block;
  overflow:hidden;
  visibility:hidden;
  font-size:0;
  line-height:0;
  width:0;
  height:0;
}
.clearfix:after { clear:both; }
.clearfix { zoom: 1; }

/*===============================
	html
=================================*/

* { -webkit-backface-visibility:hidden; }
body { font-family:"ScotiabankModernRegular", Calibri, sans-serif; color:#666; }
h1, h2, h3, h4, h5, h6, b, strong { font-weight:normal; font-family:"ScotiabankModernBold", Calibri, sans-serif; }
i, em { font-style:normal; font-family:"ScotiabankModernItalic", Calibri, sans-serif; }
p { font-size:0.875em; }
a { text-decoration:none; cursor:pointer; }
abbr { border-bottom:dotted 1px #000; cursor:help; }
h1, h2, h3, h4, h5, h6, p, blockquote { margin-top:10px; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child,
h5:first-child, h6:first-child, p:first-child, blockquote:first-child { margin-top:0; }

form p { position:relative; font-size:0.8125em; }
form p.f-left { margin-top:10px; }
form p.f-left:first-child { margin-top:6px; }
form label  { position:absolute; top:4px; left:4px; color:#666; }
form input { font-size:1em; font-family:inherit; }
form p input[type=text] { width:172px; height:16px; }
form p.f-left input[type=text] { width:87px; }

/*===============================
	header
=================================*/

#header { position:relative; padding:10px 0; }
#header div.grid_4 { width:208px; margin-right:27px; }
#header p.f-right { margin-top:0; font-size:0.75em; }
/*#top_menu { float:right; }*/
#top_menu > li { float:left; position:relative;  font-weight:normal; font-family:"ScotiabankModernRegular", Calibri, sans-serif; }
#top_menu > li > a { display:block; padding-left:10px; margin-left:10px; border-left:solid 1px #FFF; font-size:0.8125em; color:#FFF; }
#top_menu > li:first-child > a { padding-left:0; margin-left:0; border-left:none; }
#top_menu:hover > li > a { color:#FFF; }
#top_menu:hover > li:hover > a { color:#FFF; }
#top_menu span.arrow { display:inline-block; width:8px; height:6px; margin:5px 0 0 5px; background:url(../img/bg_arrow2.png); }

#top_menu div.dropdown { display:none; position:absolute; top:100%; right:25; margin-top:8px; box-shadow:0 0 4px 1px rgba(0,0,0,0.5); z-index:2; }
#top_menu span.dropdown_arrow { position:absolute; bottom:100%; right:0; width:100%; height:8px; }
#top_menu div.sites { padding:0 10px; background-color:#F5F5F5; }
#top_menu div.sites li { background:url(../img/bg_bullet.png) no-repeat left center; }
#top_menu div.sites li a { display:block; padding:10px 0 10px 10px; border-top:solid 1px #CCC; font-size:0.8125em; color:#666; white-space:nowrap; }
#top_menu div.sites li:first-child a { border-top:none; }
#top_menu div.sites li a:hover { color:#333; }
#top_menu div.sites span.dropdown_arrow { background:url(../img/bg_sites_arrow.png) no-repeat left; }
#top_menu div.login { padding:10px; background-color:#DC7526; color:#FFF; }
#top_menu div.login a { display:block; font-size:0.75em; color:#FFF; }
#top_menu div.login a:hover { text-decoration:underline; }
#top_menu div.login span.dropdown_arrow { background:url(../img/bg_login_arrow.png) no-repeat right; }

.top-menu-bg { width:980px; height:15px; background:#D81E05; margin-bottom:10px; padding:12px 0 12px 10px}

/*===============================
	content
=================================*/

#content {  }
#border_top { position:absolute; top:49px; right:-1px; z-index:1; }
#border_bottom { position:absolute; bottom:-1px; left:-1px; z-index:1; }
#main { position:relative; height:450px; border:solid 1px #CCC; background:#B9E1F9 url(../img/load.gif) no-repeat center; overflow:hidden; }
#main ul.list { list-style:none outside url(../img/bg_list.png); padding-left:12px; margin-top:10px; font-size:0.875em; }
#main ul.list:first-child { margin-top:0; }
#main ul.list li { margin-top:10px; }
#main ul.list li:first-child { margin-top:0; }
#background { position:absolute; left:-1000px; width:3086px; height:100%; background:url(../photos/background.png) repeat-x 0 38px;


 }
#background img { position:absolute; top:-160px; left:50%; }
#nav { position:absolute; bottom:-60px; right:250px; width:22px; height:430px; background:url(../img/nav.png); }
#nav a { display:block; position:absolute; background-image:url(../img/nav_buttons.png); }
#nav a.sunat { top:10px; left:-219px; width:224px; height:75px; background-position:-224px 0; }
#nav a.sat { top:20px; left:20px; width:224px; height:75px; background-position:-224px -75px; }
.mid #nav a.sunat, #nav a.sunat.active, #nav a.sunat:hover { background-position:0 0; }
.mid #nav a.sat, #nav a.sat.active, #nav a.sat:hover { background-position:0 -75px; }
#nav a.sub, #nav a.sub2 { display:none; width:208px; height:45px; }
#nav a.n1 { top:90px; left:-202px; background-position:-240px -150px; }
#nav a.n2 { top:140px; left:-202px; background-position:-240px -195px; }
#nav a.n3 { top:190px; left:-202px; background-position:-240px -240px; }
#nav a.n4 { top:240px; left:-202px; background-position:-240px -285px; }
#nav a.n5 { top:100px; left:20px; background-position:-240px -330px; }
#nav a.n6 { top:150px; left:20px; background-position:-240px -375px; }
#nav a.n1.active, #nav a.n1:hover { background-position:-16px -150px; }
#nav a.n2.active, #nav a.n2:hover { background-position:-16px -195px; }
#nav a.n3.active, #nav a.n3:hover { background-position:-16px -240px; }
#nav a.n4.active, #nav a.n4:hover { background-position:-16px -285px; }
#nav a.n5.active, #nav a.n5:hover { background-position:-16px -330px; }
#nav a.n6.active, #nav a.n6:hover { background-position:-16px -375px; }
#nav img.person { display:block; position:absolute; bottom:-36px; left:-118px; }
#section { position:relative; padding:30px 60px; }
#section > div { display:none; }
#section > div.init { display:block; }
#section a.back { display:none; float:right; }
#section div.intro { float:left; width:400px; }
#section div.intro p { font-size:1.25em; }
#section div.pane { display:none; position:absolute; top:-200px; left:60px; width:400px; color:#FFF; }
#section div.pane div.top, #section div.pane div.bottom { height:20px; background:url(../img/panes.png); }
#section div.pane div.mid { padding:0 20px; }
#section div.pane.n1 div.top, #section div.pane.n5 div.top { background-position:0 0; }
#section div.pane.n1 div.bottom, #section div.pane.n5 div.bottom { background-position:0 -20px; }
#section div.pane.n1 div.mid, #section div.pane.n5 div.mid { background-color:#9561A8; }
#section div.pane.n2 div.top, #section div.pane.n6 div.top { background-position:0 -40px; }
#section div.pane.n2 div.bottom, #section div.pane.n6 div.bottom { background-position:0 -60px; }
#section div.pane.n2 div.mid, #section div.pane.n6 div.mid { background-color:#0084A9; }
#section div.pane.n3 div.top { background-position:0 -80px; }
#section div.pane.n3 div.bottom { background-position:0 -100px; }
#section div.pane.n3 div.mid { background-color:#D18316; }
#section div.pane.n4 div.top { background-position:0 -120px; }
#section div.pane.n4 div.bottom { background-position:0 -140px; }
#section div.pane.n4 div.mid { background-color:#8D8B00; }
#section div.pane ol { list-style-type:lower-roman; padding-left:16px; }
#section div.pane ol li { margin-top:10px; }
#section div.pane ol li:first-child { margin-top:0; }
#section ul.f-left { width:180px; font-size:0.8125em; }
#section div.pane a { color:#FFF; }
#section div.pane a:hover { text-decoration:underline; }
#section div.pane a.play {
	float:right;
	padding:0 10px 0 30px;
	margin-top:1px;
	font-family:"ScotiabankModernBold", Calibri, sans-serif;
	line-height:30px;
	background:url(../img/play.png) no-repeat 5px center;
}
#section div.pane.n1 a.play, #section div.pane.n5 a.play { background-color:#9561A8; }
#section div.pane.n2 a.play, #section div.pane.n6 a.play { background-color:#0084A9; }
#section div.pane.n3 a.play { background-color:#D18316; }
#section div.pane.n4 a.play { background-color:#8D8B00; }
#screen { position:absolute; left:54px; top:-283px; width:412px; height:283px; background:url(../img/screen.png); z-index:2; }
#screen a.close { position:absolute; top:15px; right:-21px; width:42px; height:42px; background:url(../img/close.png); }
#screen iframe { position:absolute; top:48px; left:21px; width:368px; height:207px; }

#mask { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.75; filter:alpha(opacity=75); z-index:1; }

.right #nav { right:auto; left:250px; }
.right #section div.intro { float:right; }
.left #section a.back { display:block; }
.right #section a.back { display:block; float:left; }
.right #section div.pane { left:auto; right:60px; }
.right #screen { left:auto; right:54px; }

/*===============================
	footer
=================================*/

#footer { padding:10px 0; }
#footer p.f-right { margin-top:0; font-size:0.75em; }
#bottom_menu { float:right; font-size:0.75em; }
#bottom_menu li { float:left; padding-left:10px; margin-left:10px; border-left:solid 1px #666; }
#bottom_menu li:first-child { border-left:none; }
#bottom_menu li a { color:#999; }
#bottom_menu li a:hover { color:#666; }